!!! 5
- @hide_breadcrumbs = true
%html{ lang: I18n.locale, class: page_class }
  = render "layouts/head"

  %body{ data: { page: body_data_page } }
    .layout-page.terms{ class: page_class }
      .content-wrapper.prepend-top-0
        .mobile-overlay
        .alert-wrapper
          = render "layouts/broadcast"
          = render 'layouts/header/read_only_banner'
          = render "layouts/flash", extra_flash_class: 'limit-container-width'

        %div{ class: "#{container_class} limit-container-width" }
          .content{ id: "content-body" }
            .card
              .card-header
                .card-title
                  = brand_header_logo
                  - logo_text = brand_header_logo_type
                  - if logo_text.present?
                    %span.logo-text.prepend-left-8
                      = logo_text
                - if header_link?(:user_dropdown)
                  .navbar-collapse
                    %ul.nav.navbar-nav
                      %li.header-user.dropdown
                        = link_to current_user, class: user_dropdown_class, data: { toggle: "dropdown" } do
                          = image_tag avatar_icon_for_user(current_user, 23), width: 23, height: 23, class: "header-user-avatar qa-user-avatar"
                          = sprite_icon('angle-down', css_class: 'caret-down')
                        .dropdown-menu.dropdown-menu-right
                          = render 'layouts/header/current_user_dropdown'
              = yield
